@import "base.scss";
@import "mixin.scss";

.SY-content .S-main {
    .titleBox {
        font-size: $fontSize12;
        color: $color333;
        margin-top: 12 * $fontSize10 + 5;
        padding-bottom: $fontSize20;
        border-bottom: $fontSize10 / 5 solid $colore5;
    }
    .validation {
        margin:13 * $fontSize10 0 20 * $fontSize10 + 6;
        .pic {
            width: 11 * $fontSize10 + 5;
            height: 11 * $fontSize10 + 5;
            margin:0 auto 4 * $fontSize10;
            background-image: url("../img/icons/emailCheck.png");
	        background-repeat: no-repeat;
	        background-size: 100%;
        }
        .fail .pic {
            background-position: 0 0;
        }
        .complete {
            .pic {
                background-position: 0 (-(11 * $fontSize10 + 5));
            }
            .goBack {
                margin-top: 3 * $fontSize10 + 8;
            }
        }
        .text {
            font-size: $fontSize16;
            color: $color666;
            margin-bottom: $fontSize14;
            .emailBox {
                color: $theme;
            }
        }
        .txt {
            font-size: $fontSize14;
            color: $color666;
            margin-bottom: 3 * $fontSize10 + 8;
            .time {
                color: #ff0000;
                margin-right: $fontSize12 / 4;
                font-weight: 700;
            }
        }
        .goBack {
            width: 21 * $fontSize10;
            height: 5 * $fontSize10;
            line-height: 5 * $fontSize10;
            font-size: $fontSize16;
            color: $colorfff;
            margin:0 auto;
            @include link-posColor($theme,$darkTheme);
            .time {
                margin-left: $fontSize10 / 2;
            }
        }
    }
}
